screenShield: Add some padding between the clock and notifications box

https://bugzilla.gnome.org/show_bug.cgi?id=685919

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 77844a58685f2a637637250422dfe72e178de784..a9b2ec6ca1a1a8a236d02b85eb6fe9ee8c379ec7 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -2234,6 +2234,10 @@ StScrollBar StButton#vhandle:active {
     -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
 }
 
+.screen-shield-contents-box {
+    spacing: 48px;
+}
+
 .screen-shield-clock {
     color: white;
     text-shadow: 0px 1px 2px rgba(0,0,0,0.6);

diff --git a/js/ui/screenShield.js b/js/ui/screenShield.js
index c2e1c65f4479a3c4cfacac561f13c5f39bca5900..8f480d4cc0dd6e8938886018c45a0df7fef1d6d9 100644 (file)
--- a/js/ui/screenShield.js
+++ b/js/ui/screenShield.js
@@ -726,7 +726,8 @@ const ScreenShield = new Lang.Class({
                                                          y_align: Clutter.ActorAlign.CENTER,
                                                          x_expand: true,
                                                          y_expand: true,
-                                                         vertical: true });
+                                                         vertical: true,
+                                                         style_class: 'screen-shield-contents-box' });
         this._clock = new Clock();
         this._lockScreenContentsBox.add(this._clock.actor, { x_fill: true,
                                                              y_fill: true });